<!DOCTYPE html>
<html lang="en">
<head>
    <mmeta charset="UTF-8">
      <title>成都亚克茜科技</title>
      <meta name="keywords" content="网站开发,小程序开发,定制开发,微信小程序,亚克茜,亚克茜科技">
      <meta name="description" content="yakexi.com">
      <meta name="author" content="Yuming">
      <!-- <link rel="icon" href="assets/images/favicon.ico"> -->
      <link rel="stylesheet" href="assets/css/normalize.css">
      <link rel="stylesheet" href="assets/css/public.css">
      <link rel="stylesheet" href="assets/css/website.css">
      <script src="assets/jquery-3.7.1.min.js"></script>
      <script src="assets/js/index.js"></script>
      <link rel="stylesheet" href="assets/swiper-bundle.min.css">
      <link rel="stylesheet" href="https://at.alicdn.com/t/c/font_4461241_hj68f5lsbst.css">
    </head>
<body>
  <!-- 预览PC模型 -->
  <div class="preview-pc">
    <div class="model">
      <div class="content"><img src="" alt=""></div>
    </div>
    <img src="./assets/imgs/example/icon-close.png" alt="" class="close">
  </div>
  <div class="preview preview-video">
    <div class="content"><video controls src="" controls alt=""></div>
    <img src="./assets/imgs/example/icon-close.png" alt="" class="close">
  </div>
  <a href="javascript:;" class="backBtn"><img src="./assets/imgs/back-top.png" alt=""></a>
  <!-- 头部导航栏 -->
    <div class="header">
      <div class="container">
        <a href="./index.html" class="logo"><img src="assets/imgs/logo.png" alt="logo.png"></a>
        <div class="nav-wrap">
          <div class="nav-item"><a href="./index.html">产品</a></div>
          <div class="nav-item servicePer">
            <a href="javascript:;"  class="active">网站/小程序定制开发</a><span class="arrow"><i class="iconfont icon-arrow_down"></i></span>
            <div class="serviceUl">
              <a href="./website.html" class="active">
                <span class="icon"><img src="assets/imgs/nav-icon-pc.png" alt="nav-icon-pc.png"></span>
                <span>网站定制开发</span>
              </a>
              <a href="./miniapp.html">
                <span class="icon"><img src="assets/imgs/nav-icon-mini.png" alt="nav-icon-mini.png"></span>
                <span>小程序定制开发</span>
              </a>
            </div>	
          </div>
          <div class="nav-item fast-up"><a href="./fastup.html">成熟应用（快速上线）</a></div>
          <div class="nav-item"><a href="./example.html">案例展示</a></div>
          <div class="nav-item"><a href="./share.html">软件运营开发分享</a></div>
        </div>
        <a href="./linkus.html" class="link-wrap">
          <span>联系我们</span>
          <i class="iconfont icon-arrow_right"></i>
        </a>
      </div>
    </div>
    <!-- 轮播图 -->
    <div class="carousel">
      <div class="swiper">
        <div class="swiper-wrapper">
            <div class="swiper-slide"><img src="assets/imgs/index/index-banner.png" alt=""></div>
            <div class="swiper-slide"><img src="assets/imgs/index/index-banner.png" alt=""></div>
        </div>
        <!-- 如果需要分页器 -->
        <div class="swiper-pagination"></div>
      </div>
    </div>
    <!-- 网站定制开发 -->
    <div class="custom-wrap">
      <div class="wrap-container">
        <div class="bg-circle"></div>
        <div class="intro-wrap">
          <h2>网站定制开发（PC站/手机H5站）</h2>
          <p class="bg-text">CUSTOM DEVELOPMENT</p>
          <p class="desc">个性化设计，助您网站脱颖而出，提升品牌形象，专业网站定制服务助力业务成功</p>
        </div>
      </div>
      <div class="gray-block">
        <div class="wrap-container">
          <div class="list-wrap">
            <a href="javascript:;" class="list-item">
              <div class="media-wrap media-wrap-video" data-video-url="https://ykx-1254116920.cos.ap-nanjing.myqcloud.com/promotion_video/%E5%9B%BE%E4%B9%A6%E9%A6%86%E5%B0%8F%E7%A8%8B%E5%BA%8F%E6%94%B9%E7%89%88.mp4">
                <!-- <video controls src=""></video> -->
                <img src="./assets/imgs/share/list-01.png" alt="">
                <div class="mask"></div>
                <img src="./assets/imgs/website/icon-play.png" alt="" class="play">
              </div>
              <div class="name">给客户搭建了一套NFT数藏</div>
              <div class="other-info">
                <div class="date">
                  <img src="./assets/imgs/share/icon-date.png" alt="">
                  <span>2023/12/15</span>
                </div>
                <div class="view">
                  <img src="./assets/imgs/share/icon-eye.png" alt="">
                  <span>1283</span>
                </div>
              </div>
            </a>
            <a href="javascript:;" class="list-item">
              <div class="media-wrap media-wrap-video" data-video-url="https://ykx-1254116920.cos.ap-nanjing.myqcloud.com/promotion_video/%E5%9B%BE%E4%B9%A6%E9%A6%86%E5%B0%8F%E7%A8%8B%E5%BA%8F%E6%94%B9%E7%89%88.mp4">
                <!-- <video controls src=""></video> -->
                <img src="./assets/imgs/share/list-03.png" alt="">
                <div class="mask"></div>
                <img src="./assets/imgs/website/icon-play.png" alt="" class="play">
              </div>
              <div class="name">给客户搭建了一套NFT数藏</div>
              <div class="other-info">
                <div class="date">
                  <img src="./assets/imgs/share/icon-date.png" alt="">
                  <span>2023/12/15</span>
                </div>
                <div class="view">
                  <img src="./assets/imgs/share/icon-eye.png" alt="">
                  <span>1283</span>
                </div>
              </div>
            </a>
            <a href="javascript:;" class="list-item">
              <div class="media-wrap media-wrap-video" data-video-url="https://ykx-1254116920.cos.ap-nanjing.myqcloud.com/promotion_video/%E5%9B%BE%E4%B9%A6%E9%A6%86%E5%B0%8F%E7%A8%8B%E5%BA%8F%E6%94%B9%E7%89%88.mp4">
                <!-- <video controls src=""></video> -->
                <img src="./assets/imgs/share/list-02.png" alt="">
                <div class="mask"></div>
                <img src="./assets/imgs/website/icon-play.png" alt="" class="play">
              </div>
              <div class="name">给客户搭建了一套NFT数藏</div>
              <div class="other-info">
                <div class="date">
                  <img src="./assets/imgs/share/icon-date.png" alt="">
                  <span>2023/12/15</span>
                </div>
                <div class="view">
                  <img src="./assets/imgs/share/icon-eye.png" alt="">
                  <span>1283</span>
                </div>
              </div>
            </a>
            <a href="javascript:;" class="list-item">
              <div class="media-wrap media-wrap-video" data-video-url="https://ykx-1254116920.cos.ap-nanjing.myqcloud.com/promotion_video/%E5%9B%BE%E4%B9%A6%E9%A6%86%E5%B0%8F%E7%A8%8B%E5%BA%8F%E6%94%B9%E7%89%88.mp4">
                <!-- <video controls src=""></video> -->
                <img src="./assets/imgs/share/list-03.png" alt="">
                <div class="mask"></div>
                <img src="./assets/imgs/website/icon-play.png" alt="" class="play">
              </div>
              <div class="name">给客户搭建了一套NFT数藏</div>
              <div class="other-info">
                <div class="date">
                  <img src="./assets/imgs/share/icon-date.png" alt="">
                  <span>2023/12/15</span>
                </div>
                <div class="view">
                  <img src="./assets/imgs/share/icon-eye.png" alt="">
                  <span>1283</span>
                </div>
              </div>
            </a>
            <a href="javascript:;" class="list-item">
              <div class="media-wrap media-wrap-video" data-video-url="https://ykx-1254116920.cos.ap-nanjing.myqcloud.com/promotion_video/%E5%9B%BE%E4%B9%A6%E9%A6%86%E5%B0%8F%E7%A8%8B%E5%BA%8F%E6%94%B9%E7%89%88.mp4">
                <!-- <video controls src=""></video> -->
                <img src="./assets/imgs/share/list-01.png" alt="">
                <div class="mask"></div>
                <img src="./assets/imgs/website/icon-play.png" alt="" class="play">
              </div>
              <div class="name">给客户搭建了一套NFT数藏</div>
              <div class="other-info">
                <div class="date">
                  <img src="./assets/imgs/share/icon-date.png" alt="">
                  <span>2023/12/15</span>
                </div>
                <div class="view">
                  <img src="./assets/imgs/share/icon-eye.png" alt="">
                  <span>1283</span>
                </div>
              </div>
            </a>
          </div>
          <a href="" class="more">
            <span>更多网站定制分享</span>
            <img src="./assets/imgs/website/icon-more.png" alt="">
          </a>
        </div>
      </div>
    </div>
    <!-- 高端网站定制 -->
    <div class="advantage-wrap">
      <div class="wrap-container">
        <div class="intro-wrap">
          <h2>高端网站定制优势</h2>
          <p class="bg-text">CUSTOMIZATION ADVANTAGE</p>
          <p class="desc">打造企业品牌形象，增强用户对企业的信任</p>
        </div>
        <div class="content-wrap">
          <img src="./assets/imgs/website/icon-corner.png" alt="" class="advantage-icon">
          <img src="./assets/imgs/website/icon-badge.png" alt="" class="badge">
          <div class="item">
            <div class="title">
              <img src="./assets/imgs/website/icon-check.png" alt="">
              <span>个性化设计</span>
            </div>
            <p class="desc">定制开发能够根据客户需求创造独特、符合品牌形象的网站</p>
          </div>
          <div class="item">
            <div class="title">
              <img src="./assets/imgs/website/icon-check.png" alt="">
              <span>精准满足需求</span>
            </div>
            <p class="desc">针对特定业务需求进行定制，确保网站功能和设计与客户期望一致</p>
          </div>
          <div class="item">
            <div class="title">
              <img src="./assets/imgs/website/icon-check.png" alt="">
              <span>提升用户体验</span>
            </div>
            <p class="desc">定制开发注重用户体验，使网站操作更直观，提高访问者的满意度</p>
          </div>
          <div class="item">
            <div class="title">
              <img src="./assets/imgs/website/icon-check.png" alt="">
              <span>适应性强</span>
            </div>
            <p class="desc">能够灵活适应不同设备和平台，保障在各种屏幕上都有良好的显示效果</p>
          </div>
          <div class="item">
            <div class="title">
              <img src="./assets/imgs/website/icon-check.png" alt="">
              <span>SEO优化</span>
            </div>
            <p class="desc">针对搜索引擎进行优化，提高网站在搜索结果中的排名，增加曝光度</p>
          </div>
          <div class="item">
            <div class="title">
              <img src="./assets/imgs/website/icon-check.png" alt="">
              <span>可扩展性</span>
            </div>
            <p class="desc">具备良好的可扩展性，方便根据业务发展需求进行功能升级和拓展</p>
          </div>
          <div class="item">
            <div class="title">
              <img src="./assets/imgs/website/icon-check.png" alt="">
              <span>安全性保障</span>
            </div>
            <p class="desc">注重安全性设计，采用最佳实践和技术，确保用户数据和网站安全</p>
          </div>
          <div class="item">
            <div class="title">
              <img src="./assets/imgs/website/icon-check.png" alt="">
              <span>专业支持与维护</span>
            </div>
            <p class="desc">提供定期维护和技术支持，确保网站持续高效运行</p>
          </div>
          <div class="item">
            <div class="title">
              <img src="./assets/imgs/website/icon-check.png" alt="">
              <span>品牌差异化</span>
            </div>
            <p class="desc">定制开发使得网站与众不同，突显品牌独特性，提高品牌认知度</p>
          </div>
        </div>
      </div>
    </div>
    <!-- 网站设计案例 -->
    <div class="example-wrap">
      <div class="intro-wrap">
        <h2>网站设计案例</h2>
        <p class="bg-text">WEBSITE DESIGN CASE</p>
        <p class="desc">我们以案例说话，用案例得到你对我们能力的认可</p>
      </div>
      <div class="slide-wrap">
        <div class="wrap-container">
          <div class="example-swiper">
            <div class="swiper-wrapper">
              <div class="swiper-slide">
                <div class="slide-box">
                  <a href="javascript:;" class="list-item item-pc" data-img="./assets/imgs/example/list-01.png">
                    <img src="./assets/imgs/example/list-01.png" alt="">
                    <div class="mask"><div class="content">成都亚克茜科技官网设计</div></div>
                    <img src="./assets/imgs/example/icon-h5.png" alt="" class="icon">
                  </a>
                  <a href="javascript:;" class="list-item item-pc" data-img="./assets/imgs/example/list-02.png">
                    <img src="./assets/imgs/example/list-02.png" alt="">
                    <div class="mask"><div class="content">成都亚克茜科技官网设计</div></div>
                    <img src="./assets/imgs/example/icon-h5.png" alt="" class="icon">
                  </a>
                  <a href="javascript:;" class="list-item item-pc" data-img="./assets/imgs/example/list-03.png">
                    <img src="./assets/imgs/example/list-03.png" alt="">
                    <div class="mask"><div class="content">成都亚克茜科技官网设计</div></div>
                    <img src="./assets/imgs/example/icon-h5.png" alt="" class="icon">
                  </a>
                  <a href="javascript:;" class="list-item item-pc" data-img="./assets/imgs/example/list-01.png">
                    <img src="./assets/imgs/example/list-01.png" alt="">
                    <div class="mask"><div class="content">成都亚克茜科技官网设计</div></div>
                    <img src="./assets/imgs/example/icon-h5.png" alt="" class="icon">
                  </a>
                  <a href="javascript:;" class="list-item item-pc" data-img="./assets/imgs/example/list-02.png">
                    <img src="./assets/imgs/example/list-02.png" alt="">
                    <div class="mask"><div class="content">成都亚克茜科技官网设计</div></div>
                    <img src="./assets/imgs/example/icon-h5.png" alt="" class="icon">
                  </a>
                  <a href="javascript:;" class="list-item item-pc" data-img="./assets/imgs/example/list-03.png">
                    <img src="./assets/imgs/example/list-03.png" alt="">
                    <div class="mask"><div class="content">成都亚克茜科技官网设计</div></div>
                    <img src="./assets/imgs/example/icon-h5.png" alt="" class="icon">
                  </a>
                </div>
              </div>
              <div class="swiper-slide">
                <div class="slide-box">
                  <a href="javascript:;" class="list-item item-pc" data-img="./assets/imgs/example/list-01.png">
                    <img src="./assets/imgs/example/list-01.png" alt="">
                    <div class="mask"><div class="content">成都亚克茜科技官网设计</div></div>
                    <img src="./assets/imgs/example/icon-h5.png" alt="" class="icon">
                  </a>
                  <a href="javascript:;" class="list-item item-pc" data-img="./assets/imgs/example/list-02.png">
                    <img src="./assets/imgs/example/list-02.png" alt="">
                    <div class="mask"><div class="content">成都亚克茜科技官网设计</div></div>
                    <img src="./assets/imgs/example/icon-h5.png" alt="" class="icon">
                  </a>
                  <a href="javascript:;" class="list-item item-pc" data-img="./assets/imgs/example/list-03.png">
                    <img src="./assets/imgs/example/list-03.png" alt="">
                    <div class="mask"><div class="content">成都亚克茜科技官网设计</div></div>
                    <img src="./assets/imgs/example/icon-h5.png" alt="" class="icon">
                  </a>
                  <a href="javascript:;" class="list-item item-pc" data-img="./assets/imgs/example/list-01.png">
                    <img src="./assets/imgs/example/list-01.png" alt="">
                    <div class="mask"><div class="content">成都亚克茜科技官网设计</div></div>
                    <img src="./assets/imgs/example/icon-h5.png" alt="" class="icon">
                  </a>
                  <a href="javascript:;" class="list-item item-pc" data-img="./assets/imgs/example/list-02.png">
                    <img src="./assets/imgs/example/list-02.png" alt="">
                    <div class="mask"><div class="content">成都亚克茜科技官网设计</div></div>
                    <img src="./assets/imgs/example/icon-h5.png" alt="" class="icon">
                  </a>
                  <a href="javascript:;" class="list-item item-pc" data-img="./assets/imgs/example/list-03.png">
                    <img src="./assets/imgs/example/list-03.png" alt="">
                    <div class="mask"><div class="content">成都亚克茜科技官网设计</div></div>
                    <img src="./assets/imgs/example/icon-h5.png" alt="" class="icon">
                  </a>
                </div>
              </div>
            </div>
            <!-- 如果需要分页器 -->
            <div class="swiper-button-prev"></div>
            <div class="swiper-button-next"></div>
          </div>
        </div>
      </div>
    </div>
    <!-- 更多案例 -->
    <div class="more-case-wrap">
      <div class="wrap-container">
        <div class="intro-wrap">
          <h2>更多案例</h2>
          <p class="bg-text">MORE CASES</p>
        </div>
        <div class="list-wrap">
          <div class="list-item">
            <a href="" class="item">
              <span>小程序（32）</span>
              <img src="./assets/imgs/website/case-arrow.png" alt="">
            </a>
          </div>
          <div class="list-item">
            <a href="" class="item">
              <span>网站（56）</span>
              <img src="./assets/imgs/website/case-arrow.png" alt="">
            </a>
          </div>
          <div class="list-item">
            <a href="" class="item">
              <span>餐饮外卖（4）</span>
              <img src="./assets/imgs/website/case-arrow.png" alt="">
            </a>
          </div>
          <div class="list-item">
            <a href="" class="item">
              <span>电商行业（12）</span>
              <img src="./assets/imgs/website/case-arrow.png" alt="">
            </a>
          </div>
          <div class="list-item">
            <a href="" class="item">
              <span>房产装修（12）</span>
              <img src="./assets/imgs/website/case-arrow.png" alt="">
            </a>
          </div>
          <div class="list-item">
            <a href="" class="item">
              <span>教育培训（4）</span>
              <img src="./assets/imgs/website/case-arrow.png" alt="">
            </a>
          </div>
          <div class="list-item">
            <a href="" class="item">
              <span>金融理财（12）</span>
              <img src="./assets/imgs/website/case-arrow.png" alt="">
            </a>
          </div>
          <div class="list-item">
            <a href="" class="item">
              <span>酒店民宿（12）</span>
              <img src="./assets/imgs/website/case-arrow.png" alt="">
            </a>
          </div>
          <div class="list-item">
            <a href="" class="item">
              <span>旅游景点（4）</span>
              <img src="./assets/imgs/website/case-arrow.png" alt="">
            </a>
          </div>
          <div class="list-item">
            <a href="" class="item">
              <span>母婴服务（12）</span>
              <img src="./assets/imgs/website/case-arrow.png" alt="">
            </a>
          </div>
        </div>
        <a href="" class="more-text">
          <span>更多行业</span>
          <img src="./assets/imgs/website/icon-case-more.png" alt="">
        </a>
      </div>
    </div>
    <!-- 底部 footer -->
    <footer class="footer">
      <div class="footer-container">
        <div class="top">
          <div class="com-info">
            <div class="logo"><img src="assets/imgs/logo.png" alt="logo.png"></div>
            <div class="slogan">专业互联网软件解决方案提供商</div>
            <div class="qr-list">
              <div class="qr-item">
                <img src="assets/imgs/index/index-qr-01.png" alt="qr-code.png">
                <p>定制服务</p>
              </div>
              <div class="qr-item">
                <img src="assets/imgs/index/index-qr-02.png" alt="qr-code.png">
                <p>公众号开发</p>
              </div>
              <div class="qr-item">
                <img src="assets/imgs/index/index-qr-03.png" alt="qr-code.png">
                <p>微信小程序</p>
              </div>
              <div class="qr-item">
                <img src="assets/imgs/index/index-qr-04.png" alt="qr-code.png">
                <p>官网制作</p>
              </div>
            </div>
          </div>
          <div class="link-info">
            <div class="link-block link-prod">
              <p class="title">我们的产品</p>
              <a href="">亚克茜电商</a>
              <a href="">社交类小程序</a>
              <a href="">自动化共享空间解决方案</a>
              <a href="">教培类预约管理</a>
            </div>
            <div class="link-block link-nav">
              <p class="title">导航</p>
              <a href="">网站定制开发</a>
              <a href="">小程序定制开发</a>
              <a href="">行业解决方案</a>
              <a href="">技术服务</a>
              <a href="">软件运营开发分享</a>
            </div>
            <div class="link-block">
              <p class="title">联系我们</p>
              <a href="">成都市锦江区喜树街锦江文化创意产业中心2期</a>
              <a href="">18684030581 （周一至周六9:30-18:00）</a>
              <a href="">bd@yakexi.tech</a>
            </div>
          </div>
        </div>
        <div class="bottom">
          <p class="copy">Copyright © 2021 版权所有：成都亚克茜科技有限公司 ALL Rights Reserved</p>
          <p class="gov">网站备案号：<a href="">蜀ICP备20025102号-1</a></p>
        </div>
      </div>
    </footer>
    <script src="assets/swiper-bundle.min.js"></script>
    <script>
      var mySwiper = new Swiper(".swiper", {
        loop: true, // 循环模式选项
        autoplay: true,
        speed: 1500,

        // 如果需要分页器
        pagination: {
          el: ".swiper-pagination",
	        clickable :true,
        },
      });
      var exampleSwiper = new Swiper(".example-swiper", {
        loop: true, // 循环模式选项

        // 如果需要前进后退按钮
        navigation: {
          nextEl: ".swiper-button-next",
          prevEl: ".swiper-button-prev",
        },
      });
    </script>
</body>
</html>